<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
			<div class="web">
				<!--头部 S-->
				<header class="clearfix">
					<div class="fl header_logo"><a href=""><img src="img/logo.png"></a></div>
					<div class="fr city">
						<select name="">
							<option value="1">广州市</option>
							<option value="2">深圳市</option>
						</select>
					</div>
					<div class="search">
						<input type="text" placeholder="请输入商品名称" />
						<i class="iconfont icon-fangdajing"></i>
					</div>
				</header>	
				<!--头部 E-->
				<!--中间 S-->
				<main>
					<div class="main_hot">    <!-- 图片 -->
						<img src="img/05.jpg"/>
					</div>
					<div class="main_youhui"> <!--优惠团购-->
						<i class="iconfont icon-flower"></i>
						<span>优惠团购</span>
						<a href="">
							<span>更多</span>
							<span><img src="img/more.png"></span>
						</a>
						<div class="main_youhui_img">
							<ul class="clearfix">
								<li><a href=""><img src="img/06.jpg" /></a></li>
								<li><a href=""><img src="img/07.jpg" /></a></li>
								<li><a href=""><img src="img/08.jpg" /></a></li>
								<li><a href=""><img src="img/09.jpg" /></a></li>
							</ul>
						</div>
					</div>
					<div class="main_caini"> <!--猜你喜欢-->
						<i class="iconfont icon-xin"></i>
						<span>优惠团购</span>
						<a href="">
							<span>更多</span>
							<span><img src="img/more.png"></span>
						</a>					
					</div>
					<div class="main_list">
						<div class="list_img"><img src="img/10.jpg"></div>
						<p>万岁寿司（正佳店）<span>100m</span></p>
						<p>[100店通用] 双人套餐</p>
						<p>¥88.00 <span>已售1000</span></p>
					</div>
					<div class="main_list">
						<div class="list_img"><img src="img/11.jpg"></div>
						<p>万岁寿司（正佳店）<span>100m</span></p>
						<p>[100店通用] 双人套餐</p>
						<p>¥88.00 <span>已售1000</span></p>
					</div>
				</main>
				<!--中间 E-->
				<!--尾部 S-->
				<footer class="clearfix">
					<ul>
						<li>
							<a href="index.html">
								<i class="iconfont icon-shouye"></i>
								<div>
									首页
								</div>
							</a>						
						</li>
						<li><a href="fenlei.html">
							<i class="iconfont icon-leimupinleifenleileibie"></i>	
							<div>
									分类
								</div>
						</a>					
						</li>
						<li>
							<a href="faxian.html">
								<i class="iconfont icon-faxian1"></i>
								<div>发现</div>
							</a>				
						</li>
						<li>
							<a href="wode.html">
								<i class="iconfont icon-wode"></i>
								<div>
									我的
								</div>	
							</a>						
						</li>
					</ul>
				</footer>
				<!--尾部 E-->
			</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
